<style>
.widget-title{ position: relative; padding-left: 10px;}
.widget-title:before {content: "";display: block;width: 2px; height:15px;background: #a2c4f4;position: absolute;left: 0;top: 6px;}
</style>
<link rel="stylesheet" href="{{ getAssets }}css/pickup_pay_confirm.css?v={{ assets_version }}">
<form class="am-form query-form" id="payform" data-am-validator>
    <div class="widget am-cf" style="border-radius:0; box-shadow: none;">
        <div class="widget-head am-cf">
            <div class="widget-title  am-fl">基本信息</div>
            <div class="widget-function am-fr"></div>
        </div>
        <div class="widget-body  am-cf">

            <div class="order-basic border-bottom">
                <ul id="user-info"></ul>
            </div>
        </div>

        <div class="widget-head am-cf">
            <div class="widget-title  am-fl">购买信息</div>
            <div class="widget-function am-fr"></div>
        </div>
        <div class="widget-body  am-cf">
            <div class="order-preview">
                <table class="datalist-goods">
                    <tbody>
                    <tr class="template" style="display: none;">
                        <td>
                            <div class="item-field">
                                <div class="imgbox"><img src="{{ getAssets }}img/default_cpj.png"></div>
                                <h4><a href="jacascript:void(0);"></a></h4>
                                <ul class="par">
                                    <li></li>
                                </ul>
                            </div>
                        </td>
                        <td>
                            <div class="form-goods">
                                <div class="formline"><span class="order-number am-margin-right-sm"></span><span class="customize-tips">定做</span></div>
                            </div>
                        </td>
                        <td class="price-info">
                            <div class="form-goods">
                                <div class="formline b"><span class="price-red"></span><span class="am-margin-left-sm" style="font-weight: 600;"></span></div>
                                <div class="formline color-blue">
                                    <a href="javascript:void(0)" type="lot_number">批号:</a>
                                </div>
                            </div>
                        </td>
                        <td class="price-info">
                            <div class="form-goods">
                                <div class="formline"><label>取货数量:</label><input type="text" name="collect_goods_num" onchange="changeTRdataInfo()"></div>
                            </div>
                        </td>
                        <td><div class="btnbar"></div></td>
                    </tr>
                    </tbody>
                </table>

            </div>
        </div>

        <div class="widget-head am-cf">
            <div class="widget-title  am-fl">付款信息</div>
            <div class="widget-function am-fr"></div>
        </div>
        <div class="widget-body  am-cf">
            <div class="pay-info">
                <div class="collect-info">
                    <ul id="pay_money_box"></ul>
                </div>
                <div class="pay-method am-cf">
                    <div class="card">
                        <a href="javascript:void(0);" onclick="choosePayType('cash');"><i class="am-icon-shopping-bag paylogo"></i>现金支付<span pay_type="cash" style="display:none"></span></a>
                    </div>
                    <div class="card">
                        <a href="javascript:void(0);" onclick="choosePayType('alipay');"><i class="am-icon-paypal paylogo"></i>支付宝支付<span pay_type="alipay" style="display:none"></span></a>
                    </div>
                    <div class="card">
                        <a href="javascript:void(0);" onclick="choosePayType('wechat');"><i class="am-icon-wechat paylogo"></i>微信支付<span pay_type="wechat" style="display:none"></span></a>
                    </div>
                    <div class="card">
                        <a href="javascript:void(0);" onclick="choosePayType('bandcard');"><i class="am-icon-cc-visa paylogo"></i>银行卡支付<span pay_type="bandcard" style="display:none"></span></a>
                    </div>
                </div>
                <div style="display:none;">
                    <input  name="pay_price" value="0" />
                    <input type="text" class="form-control" value="0" required="required" onchange="mathReturnPrice()" name="alipay_pay_price" />
                    <input type="text" class="form-control" value="0" required="required" onchange="mathReturnPrice()" name="wechat_pay_price" />
                    <input type="text" class="form-control" value="0" required="required" onchange="mathReturnPrice()" name="bandcard_pay_price" />
                    <input type="text" class="form-control" value="0" required="required" onchange="mathReturnPrice()" name="cash_pay_price" />
                </div>
                <div class="pay-method-btn am-text-right">
                    <div class="sm">本次付款(合计)：<span class="price-red b">￥0</span></div>
                    <div class="btnbar">
                        <a href="javascript:void(0);" onclick="closeThisModal();return false;">取消</a>
                        <a class="payment-ok am-margin-left-sm confirm-pay-btn" href="javascript:void(0);" onclick="save()" style="display: none">确认付款</a>
                        <a class="payment-ok am-margin-left-sm confrim-pick-up-goods" href="javascript:void(0);" onclick="save()" style="display: none">确认提货</a>
                    </div>
                </div>
            </div>
        </div>

    </div>
</form>